<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>01DOM操作</title>
    </head>
    <body>
        <!--效果:每点击一次按钮,就会在页面多一张图片-->
        <!--1.给按钮绑定点击事件,每点击一次,就调用一次addMoney()-->
        <button onclick="addMoney()">点我变富有</button>
        <script>
            //2.创建addMoney()方法
            function  addMoney() {
                //3.创建一个空的img元素<img>
                let img = document.createElement('img');
                //4.设置img元素的属性值<img src="img/money.jpg" width="200px">
                img.src = 'img/money.jpg';
                img.width = 200;//注意没有px单位！
                //5.获取body元素，将img元素添加到body元素中
                let body = document.querySelector('body');
                body.append(img);
            }
        </script>
    </body>
</html>